<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>登录</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<link rel="stylesheet"  type="text/css" th:href="@{/css/style.css}"/>
<link rel="stylesheet"  type="text/css" th:href="@{/css/top.css}"/>
<style type="text/css">
    .mainDiv {
        background-color: #CFE8E9;
        height: 100%;
    }

    .formDiv {
        font-size: 20px;
        margin-bottom:  20px;
    }

    .formDiv input {
        width: 200px;
        height: 30px;
    }

    .textDiv {
        margin-top: 30px;
    }

    .textDiv input {
        width: 200px;
        height: 30px;
    }

    .buttonDiv {
        margin-top: 30px;
    }

    .buttonDiv input {
        width: 80px;
        height: 40px;
        margin-left: 40px;
    }
</style>
<body>
<div class="mainDiv">
    <div style="margin-top: 90px; ">
        <div style="height: 40px;"></div>
        <div style="height: 40px; margin-top: 100px;">
            <h1 style="font-size:30px; margin-top: 100px;"><strong>欢迎使用OA系统</strong></h1>
        </div>

        <div class="formDiv">
            <span style="color:red; height: 30px;"></span>
            <form method="post" action="/user/login">
                <div class="textDiv">
                    <span style="width: 300px; margin-right: 20px;">用户名: </span>
                    <input type="text" name="lastName"/>

                </div>
                <div class="textDiv">
                    <span style="width: 300px; margin-right: 40px;">密码:</span>
                    <input type="password" name="passwd"/>
                </div>
                <div class="buttonDiv">
                    <input type="submit" value="确定"/>
                    <input type="button" value="取消"/>
                </div>
            </form>
        </div>
    </div>
</div>

</body>
</html>